// Quasar SCSS (& Sass) Variables
// --------------------------------------------------
// To customize the look and feel of this app, you can override
// the Sass/SCSS variables found in Quasar's source Sass/SCSS files.

// Check documentation for full list of Quasar variables

// Your own variables (that are declared here) and Quasar's own
// ones will be available out of the box in your .vue/.scss/.sass files

// It's highly recommended to change the default colors
// to match your app's branding.
// Tip: Use the "Theme Builder" on Quasar's documentation website.

$primary   : #1976D2;
$secondary : #26A69A;
$accent    : #9C27B0;

$dark      : #1D1D1D;
$dark-page : #121212;

$positive  : #21BA45;
$negative  : #C10015;
$info      : #31CCEC;
$warning   : #F2C037;

$tooltip-fontsize   : 12px;
$tooltip-background : rgba(26, 50, 56, .9);
$tooltip-padding    : 2px 5px;

$flex-cols: 24;

$separator-color: #eee;

// Project's own variables
$primary-text   : #162D3D;
$secondary-text : #32536A;
$body-bg-color  : #f6f8fa;

$chessboard-image: url("");

